<template>
  <van-cell center :title="title" :label="label" :id="id">
    <!-- 使用 right-icon 插槽来自定义右侧图标 -->
    <template #right-icon>
      <van-icon name="play-circle-o" @click="$router.push(`/play/${id}`)" />
    </template>
  </van-cell>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      required: true,
    },
    label: {
      type: String,
      required: true,
    },
    id: {
      type: Number,
      required: true
    }
  },
}
</script>

<style scoped>
.van-icon {
  font-size: 24px;
  color: #54b0f8;
}
.van-cell::after {
  border-color: #54b0f8;
}
</style>
